<style>
.bft2-template {
    padding: 30px 50px;
    color: #000;
}
.bft2-title {
    font-size: 48px;
    font-weight: 600;
    color: #000;
    text-align: center;
    padding: 30px 0;
}
.bft2-table {
    display: flex;
    flex-flow: wrap;
}
.bft2-table-list {
    border: 1px solid #8a8a8a;
    width: 50%;
    text-align: left;
    height: 80px;
    display: flex;
    align-self: center;
    flex-flow: column;
    justify-content: center;
    padding: 0 20px 0 12%;
    font-size: 24px;
    font-weight: 600;
    font-family: sans-serif;
    color: #000;
    line-height: 1.2;
    margin-left: -1px;
    margin-top: -1px;
}
.bft2-description1-sub {
    font-weight: 100;
}
@media(max-width:1440px){
  .bft2-table-list{font-size: 18px;}
}
@media(max-width:1000px){
.bft2-template {
    padding: 20px 10px;
}
.bft2-title{
  font-size: 30px;
  padding: 20px 0;
}
.bft2-table-list{
  font-size: 12px;
}
.bft2-table-list {
    font-size: 14px;
    padding: 0 20px;
    width: 100%;
    margin-left: 0px;
    line-height: 1.5;
    height: 65px;
}
}
</style>
<div class="bft2-template">
    <div class="bft2-main">
        <div class="bft2-title">{{section.settings.title }}</div>
        <div class="bft2-table">
          {% for block in section.blocks %}
            <div class="bft2-table-list">
                <div class="bft2-description1">{{block.settings.description1}}</div>
                <div class="bft2-description1-sub">{{block.settings.description2}}</div>
            </div>
          {% endfor %}
        </div>
    </div>
</div>
{% schema %}
{
  "name": "Table2",
  "class": "bf-table2",
  "settings": [
    {
      "type": "textarea",
      "id": "title",
      "label":"模块标题"
    }
  ],
  "blocks":[
    {
      "type": "table",
      "name": "table",
      "settings": [
        {
          "type": "text",
          "id": "description1",
          "label": "标题"
        },
        {
          "type": "textarea",
          "id": "description2",
          "label": "描述"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "Table2",
      "category": "Table2"
    }
  ]
}
{% endschema %}